.page{
    display: none;
}
.page .bg-light{
    background-color: #f8f8f8;}
.layout-banner{
    height: 500px;
    background-position: 50%;
    /*background-repeat: no-repeat;*/
}
.banner-multi-sales,
.page-multi-sales .layout-banner{
    background: url(../images/banner.jpg) 50%;
}

.page-added .layout-banner{
    background: url(../images/banner_added.jpg) 50%;
    height: 450px;
}
.banner-scheme,
.layout-banner.scheme{
    background-image: url(../images/banner_scheme.jpg);
}
.banner-website,
.page-website .layout-banner{
    background-image: url(../images/banner_website.jpg);
}
.banner-o2o,
.page-o2o .layout-banner{
    background-image: url(../images/banner_o2o.png);
    background-repeat: no-repeat;
    background-color: #601986;
}
.page-cross .layout-banner {
    background-image: url(../images/banner_corss.jpg);
}
.page-case .layout-banner{
    background-image: url(../images/banner_case.jpg);
}

.banner-yun-shop,
.page-yun-shop .layout-banner {
    background-image: url(../images/banner_product_yun.jpg);
}
.banner-wei-sales,
.page-wei-sales .layout-banner{
    background-image: url(../images/banner_wei_sales.jpg);
}
.layout-banner.price{
    background-image: url(../images/banner_price.jpg);
}
.banner-about{
    background-image: url(../images/banner_about.jpg);
}
.page-support .layout-banner{
    background-color: #e83218;
    color: #fff;
    text-align: center;
    padding-top:160px
}
.page-support .layout-main .container{
    margin-bottom: 50px;
}
.layout-main h3, .layout-main h4{color: #000}
.layout-top{
    background: #000;
    color:#999;
    line-height: 40px;
}
.layout-head{
    padding:15px 0;
    line-height: 60px;
}
.nav-menu{
    display: inline-block;
    float:right;
}
.nav-menu>li{
    display: inline-block;
    margin-left:40px;
    font-size: 16px;
    color:#333
}
.drag-down:hover{color:#06c;}
.drag-down img{
    width:18px;
    height:18px;
    vertical-align: middle;
}
.drag-box{
    position: absolute;
    left:0;right:0;
    height:0;
    background-color: #01f;
    background-color: rgba(0, 0, 0, 0.5);
    color:#ddd;
    border-top:16px solid #fff;
    overflow: hidden;
    visibility: hidden;
    transition: all .3s;
    z-index: 2;
}

.drag-down:hover .drag-box{
    visibility: visible;
    height: 172px;
}
.drag-menu{
    text-align: right;
    padding:30px 0;
}
.drag-menu>li{
    display: inline-block;
    text-align: left;
    min-width:110px;
    margin-left:70px;
}
.drag-menu>li>a:hover{
    color:#fff;
 }
.drag-menu .title{
    border-bottom:1px solid #fff;
    line-height: 40px;
    color:#fff;
}

.page-home,
.layout-contact,
.layout-break
{
      background: #efefef;
  }

.layout-main{
    padding: 40px 0;
    text-align: center;
}

 .container h2{
     margin:15px}
.nav-tab li{
    display: inline-block;
    font-size: 18px;
    padding:0 40px
}
.nav-tab li.active{
    color:#06c
}
.col-3.product{
    padding:20px 15px;
    height:578px
}
.col-3.product .cell{
    padding:13px;
}
.explain,.case-explain{
    padding: 30px;
    line-height: 26px;
    background: #fff;
    color: #666;
    font-size: 15px;
    text-align: justify;
}
.case-explain{
    background-color: inherit;
}

.explain h4{
    color: #000;
    padding-bottom: 10px;
}

.btn-def,.btn-def-big,.btn-classify{
    font-size: 18px;
    min-width: 140px;
    border-radius: 20px;
    line-height: 26px;
}
.btn-def-big {
    font-size: 24px;
    min-width: 230px;
    border-radius: 30px;
    line-height: 38px;
    border-width: 2px;
}
.layout-main.bg01{
    background: url(../images/main_bg01.jpg) 50%;
    height:600px
}

.scheme-tabs{
    padding-right:30px ;
    width:284px;
}
.scheme-tabs li{
    font-size: 18px;
    display: block;
    text-align: left;
    border:1px solid #eee;
    line-height:30px;
    padding:20px;
    border-radius: 4px;
    margin:30px 0;
    cursor:pointer
}

.scheme-tabs li.active{
    background: #eee;
    color: #000;
}
.scheme-tabs li.active:after{
    content:">";
    font-family: "simsun", serif;
    float:right;
}
.scheme-info li{
    position: absolute;
    top:0;
}
.bg01 .explain{
    text-align: center;
    background: #eeeeee;
    /*width:410px*/
}
.layout-main.bg02{
    height: 626px;
    background: url(../images/main_bg02.jpg) 50%;
}
.bg02 .grid{
    position: relative;
    width: 996px;
    top: 12px;
    left: 87px;
}
.bg02 .grid .item{
    display: block;
    height: 133px;
    background: url(../images/services.png) no-repeat;
}
.bg02 .item.nth2{ background-position: 50% 0; }
.bg02 .item.nth3{ background-position: 100% 0; }
.bg02 .item.nth4{ background-position: 0; }
.bg02 .item.nth5{ background-position: 50%; }
.bg02 .item.nth6{ background-position: 100%; }
.bg02 .item.nth7{ background-position: 0 100%; }
.bg02 .item.nth8{ background-position: 50% 100%; }
.bg02 .item.nth9{ background-position: 100% 100%; }

.bg02 .grid .item:hover{
   background-color: #fff;
 }
.box-shadow{
    box-shadow: 2px 2px 5px 1px #ccc;
}
.layout-main.bg03{
    height: 486px;
    background: url(../images/main_bg03.jpg) 50%;
}
.partner-logos{
    position: relative;
    background: url(../images/partner.png) 24px no-repeat;
    height:220px;
    top:80px
}
.partner-logos .item{
    display: block;
    height: 100px;
    border-radius: 4px;
    margin-bottom: 20px ;
    border:1px solid transparent;
}
.partner-logos .item:hover{
    border-color:#eee
}
.page-pointer{
    padding: 30px;
}
.page-pointer .item{
    display: inline-block;
    width:18px;height: 18px;
    border-radius: 50%;
    margin: 3px;
    background: #ccc;
}
.page-pointer .item.active{
    background: #06b;
}
.layout-contact{
    padding:30px 0;
    text-align: center;
}
.layout-foot{
    padding: 40px 0;
    background: #1b1b1b;
    color: #999;
    line-height: 30px;
}
.layout-foot .link-split{
    color:#ccc;
    font-size: 16px;
    margin: 30px 0;
}
.link-server{margin:10px 0}
.link-server a{padding-right:20px;}
.page-turn a{margin:0 15px}
.page-turn .btn{
    padding: 9px 25px;
    border-radius: 20px;
    font-size:16px
}

.layout-break{
    line-height: 56px;
    color: #666;
    font-size:15px;
}
.added-list .border{
    margin:5px;
    margin-bottom:30px;
}
.added-icon{
    padding:44px 0;
    text-align: center;
    background: #06f;
}
.added-list .explain{
    text-align: center;
}

.describe, .container>p{
    line-height: 32px;
    color:#666;
    font-size: 16px;
    padding:0 100px;
    margin-bottom:40px
}
.describe{
    padding: 0;
}
h2+p{
    margin-top:30px;
}

table{
    width: 100%;
    max-width: 100%;
}
.main-price th{
    font-size: 20px;
    color:#fff;
    font-weight: bold;
    background-color: #06c;
    border:1px solid #eee;
    line-height: 80px;
}
.main-price th:before{
    content:'';
    display: block;
    border-top:4px solid #7ecef4;
}
.main-price td{
    border:1px solid #eee;
    line-height: 50px;
    font-size: 18px;
    color:#999;
}
.main-price td[rowspan]{
    color: #000;
    width:46px;
    vertical-align: middle;
    padding: 15px;
}
.yes:before{
    content: '√';
    color: blue;
}
.non:before{
    content:'×';
    color:red;
}
.main-price .foot td{
    background: #06c;
    padding:15px 0
}
.layout-banner.price .line{
    position: relative;
    top: 245px;
    left: 280px;
    width: 610px;
}
.layout-banner.price .ipt,.layout-banner.price .btn{
   padding:15px;
    font-size:22px;
    border:none;
    border-radius: 0;
    height: 56px;
}
.layout-banner.price .ipt{width: 490px}
.layout-banner.price .btn{width: 107px}

.case-list.col-2{
    margin-left:-50px;
}
.case-list.col-2>.cell{
    padding:20px 0;
    padding-left:50px;
}
.case-list{
    line-height: 30px;
    text-align: left;
    font-family: "simsun", serif;
    font-size: 16px;
}
.icon{
    background: url(../images/icon.png) no-repeat;
    width: 20px;
    height:20px;
    display: inline-block;
    vertical-align: middle;
}
.icon.ico-drag-down{
    background-position: 0 -2px;
}
.ico-drag-down,li:hover .ico-drag-down{
    background-position: -20px -2px;
}
.ico-pc{
    background-position: 0 -20px;
}
.ico-weixin{
     background-position: 0 -40px;
 }
.ico-phone{
    background-position: 0 -60px;
}
.btn-classify{
    min-width:60px ;
    margin:0 10px;
}
.btn-classify.active,.btn-classify.active:hover{
    /*border-color: #06c;*/
    /*background: #06c;*/
    /*color: #fff;*/
}
.banner-slider .container{
        position: relative;
}
.banner-slider .consult{
    position: absolute;
    height: 140px;
    width: 300px;
    top: 280px;
    left: 50px;
}

.case-detail .grid{
    padding:60px;
}
.case-detail .img-box{
    width:360px;
    height:290px;
    border:1px solid #eee;
    box-shadow: 2px 2px 5px #eee;
}
.case-info{
    padding-left:60px;
    text-align: left;
    line-height: 30px;
}
.case-info p{
    margin:20px 0;
    line-height: 30px;
    font-size: 16px;
    color:#666
}
.pop-consult{
    position: fixed;
    width: 620px;
    height: 530px;
    top:0;right:0;left:0;bottom:0;
    margin: auto;
    box-shadow:5px 5px 10px #eee;
    display: none;
}
.msg-form .title{
    padding: 15px;
    border-radius: 10px 10px 0 0;
    background-color: #0068b7;
    text-align: center;
    color: #fff;
}
.msg-form .body{
    padding:40px;
    font-size: 18px;
    color:#666;
    border:1px solid #ddd;
    background-color: #fff;
    height: 470px;
}
.msg-form .line{
    padding:20px;
}

.msg-form .close{
    cursor: pointer;
    opacity: .7;
}
.msg-form .close:hover{
    opacity: 1;
}
.complaint .input,.msg-form .input{
     line-height: 36px;
     height: 50px;
 }
form.complaint{
    width:780px;
    padding-right: 50px;
    margin:auto;
}
form.complaint label{
    font-size: 18px;
    font-weight:600;
    line-height: 40px;
    text-align: right;
}
.case-frame{
    background: url(../images/case01.png);
    width: 683px;
    height: 464px;
    position: relative;
}
.slider-case{
    position: absolute;
    height: 274px;
    width: 458px;
    top: 68px;
    left: 112px;
}
.case-intro{
    display: none;
    position: absolute;
    width:520px
}

.slider{position: relative;overflow:hidden;}
.slider-item img{width:100%;vertical-align: middle;}
.slider-item{
    position: absolute;top:0;width:100%;display:none;
    transition: transform .6s ease-in-out;
}
.slider-item.next,.slider-item.active.right {transform:translate(100%);display:block}
.slider-item.pre,.slider-item.active.left{transform:translate(-100%);display:block}
.slider-item.active,.slider-item.next.left,.slider-item.pre.right{transform:translate(0);display:block;}
.slider .point-bar{position:absolute;z-index:99;bottom:20px;left:0;right:0;text-align:center;}
.slider .point-bar .item{display:inline-block;margin:5px;width:12px;height:12px;border:1px solid #fff;border-radius:50%;cursor:pointer}
.slider .point-bar .item.active{background-color:#fff;}